﻿@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}


    @section header{
        <h1>Register</h1>
    }
    
    <!-- content zone -->
    <div class="content">
    
    <div class="left">
    <img src="../../Content/img/boy.png" width="375" height="400">
    </div>
    
        <div id="JuniorChatBoxComponent" class="data">
            <div id="RegisterSection">
                <div>
                    <label for="Name">Name:</label>
                    <input type="text" id="Name" required />
                </div>
                <div>
                    <label for="NickName">Nickname:</label>
                    <input type="text" id="NickName"/>

                </div>
                <div id="images"></div>
                <div class="register-container">
                    <input type="button" id="Register" value="Register" class="btn" disabled="disabled"/>
                </div>
                <div id="selectorError" style="display:none;">Username already exist</div>
                
            </div>

           
            <div class="reset"></div>
            <br/>
	
            
   
             
                </div>
            </div>
      
      
      <div class="reset"></div>
  
    <!-- content zone -->
    
    <!-- footer zone -->
@section footer{
    <img src="../../Content/img/html5.png" width="180" height="210"> <img src="../../Content/img/plus.png" width="130" height="210"> <img src="../../Content/img/coffie.png" width="190" height="210">
    <img src="../../Content/img/equal.png" width="110" height="210"> <img src="../../Content/img/heart.png" width="230" height="210">
    <!-- footer zone -->
}
@section scripts{
        
        <script type="text/javascript">
            $(document).ready(function () {

                $("#JuniorChatBoxComponent").juniorregister();

            });

        </script>
    }
